<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户</title>
<link rel="stylesheet"
	href="/myOA/static/font-awesome-4.7.0/css/font-awesome.min.css">
<link href="/myOA/static/css/common.css" rel="stylesheet" />
<link href="/myOA/static/css/signature.css" rel="stylesheet" />
<link href="/myOA/static/css/cart.css" rel="stylesheet" />
<link href="/myOA/static/css/menu.css" rel="stylesheet" />
<style>
.trees {
	width: 25%;
	height: 100%;
	background-color:rgba(255,255,255,0.3);
}

.fileContents {
	width: 75%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
}

.box {
	margin-top: 20px;
	margin-left: 20px;
	padding-left: 10px;
}

.menuTree {
	width: 100%;
}

.menuTree div {
	padding-left: 30px;
}

.menuTree div ul {
	overflow: hidden;
	display: none;
	height: auto;
}

.menuTree span {
	display: block;
	height: 25px;
	line-height: 25px;
	padding-left: 5px;
	margin: 1px 0;
	cursor: pointer;
}

.menuTree span:hover {
	color: #cf0404;
}

.menuTree a {
	color: #333;
	text-decoration: none;
}

.btn {
	height: 30px;
	margin-top: 10px;
	border-bottom: 1px solid #CCC;
}

.subMenus {
	display: none;
}

.fa-folder-o {
	text-indent: 25px;
}
.searchs {
	width: 25%;
	height: 100%;
}
.search{
	width:100%;
	height:9%;
	background-color:rgba(0,0,0,.5);
}
.fileContents {
	width: 75%;
	height: 100%;
}
</style>
</head>
<body>
	<div class="manageContainer">
		<div class="left">
			<div class="userInfo">
				<div class="user">
					<p>
						欢迎&nbsp;:&nbsp;<span class="info"></span> <input type="hidden"
							value="${sessionScope.id}" id="myId" />
							<input type="hidden" value="${sessionScope.roleId }" id="roleId"/>
					</p>
					<p>
						角色&nbsp;:&nbsp;<span class="info"></span>
					</p>
					<p>
						部门&nbsp;:&nbsp;<span class="info"></span>
					</p>
					<p>
						你共有&nbsp;:&nbsp;<span class="info infoCount">0</span>条新消息
					</p>
				</div>
			</div>
			<div class="menus"></div>
		</div>
		<div class="right">
			<div class="navs">
				<div class="nav">
					<a href="#">主页</a>
				</div>
				<div class="nav">
					<a href="http://localhost:8088/myOA/login.jsp">重新登录</a>
				</div>
				<div class="nav">
					<a href="#">修改密码</a>
				</div>
				<div class="nav">
					<a href="#">显示隐藏通知栏</a>
				</div>
				<div class="nav">
					<a href="#">帮助</a>
				</div>
				<div class="nav">
					<a href="#"><i class="fa fa-smile-o"></i></a>
				</div>
				<div class="nav last">
					当前时间&nbsp;:&nbsp;<span id="today"></span>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="breadcrumb">当前位置：文档管理</div>
			<div class="title">文&nbsp;档&nbsp;管&nbsp;理</div>
			<div class="contents">
				<div class="addNote"></div>
				<div class="signature">
					<div class="trees">
						<!-- 动态加载文档结构 -->
						<div class="menuTree" id="menuTree"></div>
					</div>
					<div class="fileContents">
						<div class="smallMenus">
							<span class="sMenu"><a href="#"><i class='fa fa-long-arrow-left'></i>后退</a></span>
							&nbsp;&nbsp;<span class="sMenu"><a href="#"><i class='fa  fa-folder-open-o'></i></a></span>
							&nbsp;&nbsp;<span class="sMenu"><a href="#">搜索</a></span>
							&nbsp;&nbsp;<span class="sMenu"><a href="#">文件夹</a></span>
						</div><br/>
						<div class="searchBar">
							<span>地址：</span>
							<span>输入框
								<input type='text' />
							</span>
							<span><i class='fa fa-folder'></i></span>&nbsp;&nbsp;&nbsp;&nbsp;
							<span><a href='#'>转到</a></span>
						</div><br/>
						<div class="docTables">
						<table id="division">
								<thead>
									<tr class="theader">
										<th></th>
										<th>名称</th>
										<th>类型</th>
										<th>备注</th>
										<th>所有者</th>
										<th>创建日期</th>
										<th></th>
										<th></th>
										<th></th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td><i class='fa fa-folder'></i>
										<td>研发部</td>
										<td>文件夹</td>
										<td>研发部相关资料</td>
										<td>杨佳丽</td>
										<td>创建日期</td>
										<td>文档结构</td>
										<td>下载</td>
										<td>删除</td>
									</tr>
								</tbody>
							</table></div>
						<img src="" />
					</div>
				</div>
			</div>
		</div>
		<div style="clear: both;"></div>
	</div>
	<script src="/myOA/static/js/jquery-3.3.1.min.js"></script>
	<script src="/myOA/static/js/common.js"></script>
	<script src="/myOA/static/js/manage_doc.js"></script>	
</body>
</html>